import React from 'react'
import { Divider, Space, Typography } from 'antd';
const { Title, Paragraph, Text, Link } = Typography;

const list = [
  {
    company:'广东区块乐园科技有限公司',
    job:'前端开发',
    time:'2022-11 至 2023.06',
    worker:[
      '前端项目的搭建与部署；',
      '远程仓库的管理；',
      '负责产品界面和功能的实现；',
      '根据设计完成需求，与设计和后端配合，完成前端页面的实现；',
      '根据产品文档开发高性能、兼容性好的前端代码，优化和维护项目;',
      '负责后台管理系统的前端功能开发、移动端开发，持续改进产品的易用性与用户体验;',
      '对线上产品 bug 分析，并排查协助解决；',
      '完成测试过程中的 bug 修改;',
    ]
  },
  {
    company:'广州中艾信息科技有限公司',
    job:'前端开发',
    time:'2020-06 至 2022-09',
    worker:[
      '负责产品界面和功能的实现；',
      '根据设计完成需求，与设计和后端配合，完成前端页面的实现；',
      '根据产品文档开发高性能、兼容性好的前端代码，优化和维护项目;',
      '负责后台管理系统的前端功能开发、移动端开发，持续改进产品的易用性与用户体验;',
      '对线上产品 bug 分析，并排查协助解决；',
      '完成测试过程中的 bug 修改;',
    ]
  },
]

export default function experience() {
  return (
    <Typography>
      {
        list.map((item, index) => {
          return (
            <div key={index} className='mb-5'>
             <Title level={4}>{item.company}</Title>
              <Space direction="horizontal">
                <Text>{item.job}   </Text>
                <Text className='ml-2'>{item.time}</Text>
              </Space>
              <Title level={5}>工作职责：</Title>
              <Space direction="vertical" className='ml-5'  >
                {
                  item.worker.map((item, index) => (
                    <li key={index}>{index+1}. {item}</li>
                  ))
                }
              </Space>
              <Divider />
            </div>
             
          )
        })
      }
    </Typography>
  )
}

